<template>
  <div class="search">
<van-search
  class="s"
  v-model="value"
  placeholder="请输入搜索关键词"
  input-align="center"
  :placeholder="mess"
  shape=true
  left-icon=""
/>
  <!-- 搜索图标 -->
  <span class="s-icon">
    <van-icon name="search"></van-icon>
  </span>
  </div>
</template>

<script>
export default {
    name:"search",
    props:['mess'],
    // props:{
    //   "mess":{
    //     type:String,
    //     value:""
    //   }
    // },
    data(){
      return {
        value:""
      }
    }
}
</script>

<style lang="less" scoped>
.search{
  .s{
    padding-left:10px 20px;
  }
  .s-icon{
    position: absolute;
    top:18px;
    font-size: 18px;
    left:135px
  }
}
</style>